/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */

/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
@import 'uview-ui/theme.scss';
/* 颜色变量 */

/* 行为相关颜色 */
$uni-color-primary: #007aff;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;

/* 文字基本颜色 */
$uni-text-color:#333;//基本色
$uni-text-color-inverse:#fff;//反色
$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
$uni-text-color-placeholder: #808080;
$uni-text-color-disable:#c0c0c0;

/* 背景颜色 */
$uni-bg-color:#ffffff;
$uni-bg-color-grey:#f8f8f8;
$uni-bg-color-hover:#f1f1f1;//点击状态颜色
$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色

/* 边框颜色 */
$uni-border-color:#e5e5e5;

/* 尺寸变量 */

/* 文字尺寸 */
$uni-font-size-sm:24rpx;
$uni-font-size-base:28rpx;
$uni-font-size-lg:32rpx;

/* 图片尺寸 */
$uni-img-size-sm:40rpx;
$uni-img-size-base:52rpx;
$uni-img-size-lg:80rpx;

/* Border Radius */
$uni-border-radius-sm: 4rpx;
$uni-border-radius-base: 6rpx;
$uni-border-radius-lg: 12rpx;
$uni-border-radius-circle: 50%;

/* 水平间距 */
$uni-spacing-row-sm: 10px;
$uni-spacing-row-base: 20rpx;
$uni-spacing-row-lg: 30rpx;

/* 垂直间距 */
$uni-spacing-col-sm: 8rpx;
$uni-spacing-col-base: 16rpx;
$uni-spacing-col-lg: 24rpx;

/* 透明度 */
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度

/* 文章场景相关 */
$uni-color-title: #2C405A; // 文章标题颜色
$uni-font-size-title:40rpx;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle:36rpx;
$uni-color-paragraph: #3F536E; // 文章段落颜色
$uni-font-size-paragraph:30rpx;




/* 皮肤相关 */
$theme-type:msdd;
$app-font-color:#50576a;
$app-line-color:#F7F7F7;

$app-main-color: #ABD1F5;

$app-main-color-tuo51: #FACB2F;
$app-main-color-knsh: #DD742C;
$app-main-color-msdd: #ABD1F5;
$app-main-color-czcp: #B5DB7D;

@mixin app-btn-background(){
	background: linear-gradient(180deg, rgba(250, 204, 48, 1) 0%, rgba(252, 222, 122, 1) 100%);
	@if $theme-type == knsh { background: linear-gradient(180deg, #E0660E 0%, #DD752C 100%);}
	@if $theme-type == msdd { background: linear-gradient(180deg, #6AB7EF 0%, #ABD1F5 100%);}
	@if $theme-type == czcp { background: linear-gradient(180deg, #B5DB7D 0%, #B5DB7D 100%);}
	[data-theme="knsh"] & {
		background: linear-gradient(180deg, #E0660E 0%, #DD752C 100%);
	}
	[data-theme="msdd"] & {
		background: linear-gradient(180deg, #6AB7EF 0%, #ABD1F5 100%);
	}
	[data-theme="czcp"] & {
		background: linear-gradient(180deg, #B5DB7D 0%, #B5DB7D 100%);
	}
}

@mixin app-font-color-sub() {
	color: #FC7E3F;
	@if $theme-type == knsh {color: $app-main-color-knsh;}
	@if $theme-type == msdd {color: $app-main-color-msdd;}
	@if $theme-type == msdd {border-color: $app-main-color-msdd;}
	@if $theme-type == czcp {border-color: $app-main-color-czcp; color: $app-main-color-czcp;}
	[data-theme="knsh"] & {
		color: $app-main-color-knsh;
	}
	[data-theme="msdd"] & {
		color: $app-main-color-msdd;
	}
	[data-theme="msdd"] & {
		border-color: $app-main-color-msdd;
	}
	[data-theme="czcp"] & {
		border-color: $app-main-color-czcp;
		color: $app-main-color-czcp;
	}
}

@mixin app-border-color {
	border-color: #FC7E3F;
	@if $theme-type == knsh {border-color: $app-main-color-knsh;}
	@if $theme-type == msdd {border-color: $app-main-color-msdd;}
	@if $theme-type == czcp {border-color: $app-main-color-czcp;}
	[data-theme="knsh"] & {
		border-color: $app-main-color-knsh;
	}
	[data-theme="msdd"] & {
		border-color: $app-main-color-msdd;
	}
	[data-theme="czcp"] & {
		border-color: $app-main-color-czcp;
	}
}

/*  */
@mixin power-bg() {
	background: linear-gradient(360deg, rgba(255, 235, 155, 1) 0%, rgba(229, 187, 79, 1) 100%);
	@if $theme-type == knsh {background: linear-gradient(360deg, #FFEB9B 0%, #ED6E00 100%);}
	@if $theme-type == msdd {background: linear-gradient(360deg, #6AB7EF 0%, #ABD1F5 100%);}
	@if $theme-type == czcp {background: linear-gradient(360deg, #B5DB7D 0%, #B5DB7D 100%);}
	[data-theme="knsh"] & {
		background: linear-gradient(360deg, #FFEB9B 0%, #ED6E00 100%);
	}
	[data-theme="msdd"] & {
		background: linear-gradient(360deg, #6AB7EF 0%, #ABD1F5 100%);
	}
	[data-theme="czcp"] & {
		background: linear-gradient(360deg, #B5DB7D 0%, #B5DB7D 100%);
	}
}

/* 宝宝详情页面 新增按钮 */
@mixin assess-add-new {
	background: linear-gradient(0deg, rgba(250, 204, 48, 1) 0%, rgba(247, 224, 144, 1) 100%);
	@if $theme-type == knsh {background: linear-gradient(0deg, #FACC30 0%, #ED6E00 100%);}
	@if $theme-type == msdd {background: linear-gradient(0deg, #6AB7EF 0%, #ABD1F5 100%);}
	@if $theme-type == czcp {background: linear-gradient(360deg, #B5DB7D 0%, #B5DB7D 100%);}
	[data-theme="knsh"] & {
		background: linear-gradient(0deg, #FACC30 0%, #ED6E00 100%);
	}
	[data-theme="msdd"] & {
		background: linear-gradient(0deg, #6AB7EF 0%, #ABD1F5 100%);
	}
	[data-theme="czcp"] & {
		background: linear-gradient(360deg, #B5DB7D 0%, #B5DB7D 100%);
	}
}
/* 宝宝详情页面 对比按钮 */
@mixin assess-compare {
	background: linear-gradient(360deg, rgba(247, 171, 58, 1) 0%, rgba(255, 227, 134, 1) 100%);
	@if $theme-type == knsh {background: linear-gradient(360deg, #F7AB3A 0%, #ED6E00 100%);}
	@if $theme-type == msdd {background: linear-gradient(360deg, #6AB7EF 0%, #ABD1F5 100%);}
	@if $theme-type == czcp {background: linear-gradient(360deg, #B5DB7D 0%, #B5DB7D 100%);}
	[data-theme="knsh"] & {
		background: linear-gradient(360deg, #F7AB3A 0%, #ED6E00 100%);
	}
	[data-theme="msdd"] & {
		background: linear-gradient(360deg, #6AB7EF 0%, #ABD1F5 100%);
	}
	[data-theme="czcp"] & {
		background: linear-gradient(360deg, #B5DB7D 0%, #B5DB7D 100%);
	}
}
/* 主题色 背景 */
@mixin main-bg{
	background-color: $app-main-color;
	@if $theme-type == knsh {background-color: $app-main-color-knsh;}
	@if $theme-type == msdd {background-color: $app-main-color-msdd;}
	@if $theme-type == czcp {background-color: $app-main-color-czcp;}
	[data-theme="knsh"] & {
		background-color: $app-main-color-knsh;
	}
	[data-theme="msdd"] & {
		background-color: $app-main-color-msdd;
	}
	[data-theme="czcp"] & {
		background-color: $app-main-color-czcp;
	}
}
/* 主题色  */
@mixin main-color{
	color: $app-main-color;
	@if $theme-type == knsh {color: $app-main-color-knsh;}
	@if $theme-type == msdd {color: $app-main-color-msdd;}
	@if $theme-type == czcp {color: $app-main-color-czcp;}
	[data-theme="knsh"] & {
		color: $app-main-color-knsh;
	}
	[data-theme="msdd"] & {
		color: $app-main-color-msdd;
	}
	[data-theme="czcp"] & {
		color: $app-main-color-czcp;
	}
}

/* 智龄 深色 */
@mixin assess-scores-bg{
	background-color: #FACB2F;
	@if $theme-type == knsh {background-color: #ED6E00;}
	@if $theme-type == msdd {background-color: #6AB7EF;}
	@if $theme-type == czcp {background-color: $app-main-color-czcp;}
	[data-theme="knsh"] & {
		background-color: #ED6E00;
	}
	[data-theme="msdd"] & {
		background-color: #6AB7EF;
	}
	[data-theme="czcp"] & {
		background-color: $app-main-color-czcp;;
	}
}

/* 智龄 浅色 */
@mixin assess-scores-bg-t{
	background-color: #FDEFBF;
	color: #666666;
	@if $theme-type == knsh {
		background-color: #f8cca8;
		color: #ED6E00;
	}
	@if $theme-type == knsh {
		background-color: #f8cca8;
		color: #ED6E00;
	}
	@if $theme-type == czcp {
		background-color: #DBDBDB;
	}
	[data-theme="knsh"] & {
		background-color: #f8cca8;
		color: #ED6E00;
	}
	[data-theme="msdd"] & {
		background-color: #6AB7EF;
		color: #6AB7EF;
	}
	[data-theme="czcp"] & {
		background-color: #DBDBDB;
	}
}
/* 多能区 评估建议 */
@mixin uni-collapse-item-color{
	color:rgba(255,171,0,1);
	@if $theme-type == knsh {color:#DD742C;}
	@if $theme-type == msdd {color:#6AB7EF;}
	@if $theme-type == czcp {color:$app-main-color-czcp;}
	[data-theme="knsh"] & {
		color:#DD742C;
	}
	[data-theme="msdd"] & {
		color:#6AB7EF;
	}
	[data-theme="czcp"] & {
		color:$app-main-color-czcp;
	}
}

@mixin uni-collapse-item-bg{
	background-color: #FFAB00;
	@if $theme-type == knsh {background-color: $app-main-color-knsh;}
	@if $theme-type == msdd {background-color: $app-main-color-msdd;}
	@if $theme-type == czcp {background-color: $app-main-color-czcp;}
	[data-theme="knsh"] & {
		background-color: $app-main-color-knsh;
	}
	[data-theme="msdd"] & {
		background-color: $app-main-color-msdd;
	}
	[data-theme="czcp"] & {
		background-color: $app-main-color-czcp;
	}
}
/* 测评结果 按钮 */
@mixin assess-result-share-bg {
	background: linear-gradient(180deg, rgba(250, 204, 48, 1) 0%, rgba(252, 222, 122, 1) 100%);
	@if $theme-type == knsh {background: linear-gradient(180deg, #ED6E00 0%, #F8A964 100%);}
	@if $theme-type == msdd {background: linear-gradient(180deg, #6AB7EF 0%, #ABD1F5 100%);}
	@if $theme-type == czcp {background: linear-gradient(180deg, #B5DB7D 0%, #B5DB7D 100%);}
	[data-theme="knsh"] & {
		background: linear-gradient(180deg, #ED6E00 0%, #F8A964 100%);
	}
	[data-theme="msdd"] & {
		background: linear-gradient(180deg, #6AB7EF 0%, #ABD1F5 100%);
	}
	[data-theme="czcp"] & {
		background: linear-gradient(180deg, #B5DB7D 0%, #B5DB7D 100%);
	}
}

/* 支付头部 */
@mixin pay-top-bg {
	background: linear-gradient(360deg, rgba(250, 231, 177, 1) 0%, rgba(214, 168, 88, 1) 100%);
	@if $theme-type == knsh {background: linear-gradient(360deg, #FAAB67 0%, #ED6E00 99%, #E5BB4F 100%);}
	@if $theme-type == msdd {background: linear-gradient(180deg, #6AB7EF 0%, #ABD1F5 100%);}
	@if $theme-type == czcp {background: linear-gradient(180deg, #B5DB7D 0%, #FFFFFF 100%);}
	[data-theme="knsh"] & {	
		background: linear-gradient(360deg, #FAAB67 0%, #ED6E00 99%, #E5BB4F 100%);
	}
	[data-theme="msdd"] & {
		background: linear-gradient(180deg, #6AB7EF 0%, #ABD1F5 100%);
	}
	[data-theme="czcp"] & {
		background: linear-gradient(180deg, #B5DB7D 0%, #FFFFFF 100%);
	}
}
/* 支付按钮 */
@mixin pay-buy-btn {
	background: linear-gradient(180deg, rgba(255, 235, 155, 1) 0%, rgba(229, 187, 79, 1) 100%);
	@if $theme-type == knsh {background: linear-gradient(180deg, #F5AA69 0%, #ED6E00 100%);}
	@if $theme-type == msdd {background: linear-gradient(180deg, #6AB7EF 0%, #ABD1F5 100%);}
	@if $theme-type == czcp {background: linear-gradient(360deg, #B5DB7D 0%, #B5DB7D 100%);}
	[data-theme="knsh"] & {		
		background: linear-gradient(180deg, #F5AA69 0%, #ED6E00 100%);
	}
	[data-theme="msdd"] & {
		background: linear-gradient(180deg, #6AB7EF 0%, #ABD1F5 100%);
	}
	[data-theme="czcp"] & {
		background: linear-gradient(360deg, #B5DB7D 0%, #B5DB7D 100%);
	}
}

@mixin pay-code-item-select {
	border: 2rpx solid rgba(255, 2, 2, 1);
	@if $theme-type == msdd {border: 2rpx solid #ABD1F5;}
	@if $theme-type == czcp {border: 2rpx solid $app-main-color-czcp;}
}

@mixin abount-container-bg{
	background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,198,81,1) 100%);
	@if $theme-type == msdd {background:linear-gradient(180deg,#ffffff 0%,#ABD1F5 100%);}
	@if $theme-type == czcp {background: linear-gradient(180deg, #FFFFFF 0%, #B5DB7D 100%, #FFC651 100%);}
}

@mixin assess-item-bg0{
	background: linear-gradient(136deg, rgba(250, 204, 48, 1) 0%, rgba(247, 224, 144, 1) 100%);
	@if $theme-type == msdd {background: linear-gradient(136deg, rgba(106, 183, 239, 1) 0%, rgba(171, 209, 245, 1) 100%);}
	@if $theme-type == czcp {background: linear-gradient(136deg, #B5DB7D 0%, #9BC361 100%);}
}

@mixin assess-item-bg1{
	background: linear-gradient(136deg, rgba(250, 136, 48, 1) 0%, rgba(254, 209, 134, 1) 100%);
	@if $theme-type == msdd {background: linear-gradient(136deg, rgba(106, 183, 239, 1) 0%, rgba(171, 209, 245, 1) 100%);}
	@if $theme-type == czcp {background: linear-gradient(136deg, #B5DB7D 0%, #9BC361 100%);}
}

@mixin assess-item-bg2{
	background: linear-gradient(129deg, rgba(250, 139, 112, 1) 0%, rgba(249, 167, 100, 1) 100%);
	@if $theme-type == msdd {background: linear-gradient(136deg, rgba(106, 183, 239, 1) 0%, rgba(171, 209, 245, 1) 100%);}
	@if $theme-type == czcp {background: linear-gradient(136deg, #B5DB7D 0%, #9BC361 100%);}
}

@mixin assess-item-bg3{
	background: linear-gradient(46deg, rgba(250, 169, 48, 1) 0%, rgba(254, 167, 144, 1) 100%);
	@if $theme-type == msdd {background: linear-gradient(136deg, rgba(106, 183, 239, 1) 0%, rgba(171, 209, 245, 1) 100%);}
	@if $theme-type == czcp {background: linear-gradient(136deg, #B5DB7D 0%, #9BC361 100%);}
}

@mixin contact-customer-bg{
	background:linear-gradient(180deg,rgba(255,247,216,1) 0%,rgba(255,221,132,1) 100%);
	@if $theme-type == msdd {background:linear-gradient(180deg,rgba(171, 209, 245, 1) 0%,rgba(106, 183, 239, 1) 100%);}
	@if $theme-type == czcp {background: linear-gradient(180deg, #FFFFFF 0%, #B5DB7D 100%, #FFC651 100%);}
}

@mixin uni-radio-input-checked {
	@if $theme-type == msdd {border-color:#ABD1F5 !important;background-color:#ABD1F5 !important;}
	@if $theme-type == czcp {border-color:$app-main-color-czcp !important;background-color: $app-main-color-czcp !important;}
}

@mixin uni-switch-input-checked {
	@if $theme-type == msdd {border-color:#ABD1F5 !important;background-color:#ABD1F5 !important;}
	@if $theme-type == czcp {border-color:$app-main-color-czcp !important;background-color:$app-main-color-czcp !important;}
}

@mixin collapse-title-text-color {
	@if $theme-type == msdd {color: #ABD1F5 !important;}
	@if $theme-type == czcp {color: $app-main-color-czcp !important;}
}

@mixin suggest-exline-color {
	border-top: 1px dashed rgba(250, 203, 47, 1); 
	@if $theme-type == msdd {border-top: 1px dashed #ABD1F5}
	@if $theme-type == czcp {border-top: 1px dashed $app-main-color-czcp}
}

@mixin about-text-color {
	color: #ED6D00;
	@if $theme-type == msdd {color: #ABD1F5;}
	@if $theme-type == czcp {color: $app-main-color-czcp;}
}

@mixin uni-fab-add {
	background-color: rgb(60, 62, 73);
	box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
	@if $theme-type == msdd {background-color: #ABD1F5 !important; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);}
	@if $theme-type == czcp {background-color: $app-main-color-czcp !important; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);}
}

@mixin full-evaluate-next-btn {
	background-color: rgba(255, 171, 0, 1);
	@if $theme-type == czcp {background-color: $app-main-color-czcp}
}